@import "../variables.less";

.@{namespace} {
  .explorer-container {
    height: 100%;
    .explorer-meta-container {
      flex-shrink: 0;
      border: 1px solid var(--fc-border-color);
      .ant-tree-title {
        white-space: nowrap;
      }
    }
    .explorer-main {
      height: 100%;
      display: flex;
      flex-direction: column;
    }
    .explorer-main-table {
      height: 100%;
      .ant-spin-nested-loading,.ant-spin-container,.ant-table,.ant-table-container {
        height: 100%;
      }
    }
    .explorer-query-container {
      display: flex;
      gap: 10px;
      height: 100%;
    
      .ant-tabs {
        min-height: 0;
        height: 100%
      }
      .ant-tabs-nav-wrap {
        border-left: 1px solid var(--fc-border-color);
      }
      .ant-tabs-card > .ant-tabs-nav .ant-tabs-tab {
        border: 1px solid var(--fc-border-color);
        border-left: 0 none;
        color: #c1c1c1;
      }
      .ant-tabs-card.ant-tabs-top > .ant-tabs-nav .ant-tabs-tab-active {
        border-bottom-color: var(--fc-fill-2);
        border-top: 2px solid  @primary-color;
      }
      .ant-tabs-top > .ant-tabs-nav {
        margin-bottom: 0;
      }
      .ant-tabs-content {
        height: 100%;
      }
      .ant-tabs-content-holder {
        border: 1px solid var(--fc-border-color);
        border-top: 0 none;
        padding: 16px;
      }
      .ant-tabs-top > .ant-tabs-nav::before {
        border-bottom: 1px solid var(--fc-border-color);
      }
    }
    .explorer-query {
      display: flex;
      gap: 10px;
    }
    .explorer-graph-container {
      min-height: 0;
      height: 100%;
      display: flex;
      flex-direction: column;
      .ant-spin-nested-loading {
        min-height: 0;
      }
      .renderer-timeseries-container {
        display: flex !important;
        flex-direction: column;
      }
    }
  }
}
